<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Trunip起始页--关于我</title>
    <meta name="description" content="Turnip博客TURNIP.REN-专注技术分享，原创技术教程，原创文章,囊括JavaScript，
    C语言，Cpp语言，C#语言，Java语言，php语言，Go语言">
    <meta name="Keywords" content="网站博客，个人博客，技术分享，技术讨论，原创教程" />
    <!-- 引入favicon.ico网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 去除默认样式 -->
    <link rel="stylesheet" href="./T_Style/T_base.css">
    <!-- 引入字体样式 -->
    <link rel="stylesheet" href="./T_Style/T_fonts.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./T_Style/T_common.css">
    <!-- 引入关于我 样式 -->
    <link rel="stylesheet" href="./T_Style/T_about_me.css">
    <!-- 引入字体图标 -->
    <!-- <link rel="stylesheet" href="./T_font/icon/iconfont.css"> -->
    <script src="./T_font/icon/iconfont.js"></script>
    <!-- 引入ajax封装库 -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!-- 引入共同js文件 -->
    <script src="./T_JavaScript/T_common.js"></script>
</head>

<body>

    <!-- 导航栏 -->
    <nav>
        <div class="T_nav nav_bg">
            <div class="T_nav_item ">
                <div class="T_nav_item_l">
                    <ul>
                        <li>
                            <a href="/">
                                <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-shouye"></use>
                                          </svg> 首页</a>
                        </li>
                        <li>
                            <a href="javascript:alert('还未写此页面');">
                                <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-xuexi"></use>
                                          </svg> 爱学习</a>
                        </li>
                        <li>
                            <a href="javascript:alert('还未写此页面');">
                                <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-lubiao"></use>
                                          </svg> 学习径</a>
                        </li>
                        <li>
                            <a href="javascript:alert('还未写此页面');">
                                <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-yunxiazai"></use>
                                          </svg> 下载域</a>
                        </li>
                        <li>
                            <a href="/friend">
                                <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tubiao-"></use>
                                          </svg> 友情链接</a>
                        </li>
                        <li>
                            <a href="/about_me">
                                <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-guanyuwomen1"></use>
                                          </svg> 关于我</a>
                        </li>
                        <li>
                            <a href="/about_net">
                                <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-guanyuwomen"></use>
                                          </svg> 关于网站</a>
                        </li>
                        <li>
                            <a href="/message">
                                <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-liuyanmoban"></use>
                                             </svg> 留言区</a>
                        </li>
                    </ul>
                </div>
                <div class="T_nav_item_r"><span id="back_system">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-houtaiguanli-"></use>
                                  </svg>后台管理</span></div>
            </div>

        </div>
    </nav>
    <!-- 头部 -->
    <header>

        <div class=" header_bg">
            <div class="T_header T_w">
                <div class="T_header_l">
                    <h1>
                        <span style="display: none;">这里是Turnip的博客</span>
                        <a href="/" class="qr_code"><img src="./T_Image/T_logo.png" alt="Trunip的博客"></a>
                    </h1>
                    <h2 class="qr_code T_QR">Turnip的博客</h2>
                    <div class="qr_code_img">
                        <p>添加时要说明来自博客</p>
                        <img src="./T_Image/qr_code.jpg" alt="">
                    </div>
                    <div class="T_search">
                        <input type="search" name="" id="">
                        <button><svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-sousuo"></use>
                          </svg>搜索</button>
                    </div>

                </div>
                <div class="T_header_r">
                    <h4>当前用户组：<em>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-guanliyuan-yonghuchaxun"></use>
                              </svg>超级管理员</em></h4>

                    <h3>
                        <a href=""><img src="./T_Image/Turnip.jpg" alt=""></a>
                    </h3>
                </div>
            </div>
        </div>

    </header>
    <!-- 页面内容 -->
    <main>
        <div class="T_main T_w clearfix">
            <article class="T_main_content_left slide_bg">
                <div class="about_me clearfix">
                    <h3>关于我</h3>
                    <img src="./T_Image/Turnip.jpg" alt="">
                    <ul>
                        <li>0.心之所向：<em>用编程改变世界，虽不能至，心向往之。</em> </li>
                        <li>1.常用昵称：<em>Turnip</em> </li>
                        <li>2.性别：<em>男</em></li>
                        <li>3.爱好：<em>编程、数学</em> </li>
                        <li>4.介绍：<em>酷爱计算机，喜欢编程，爱学新技术;执着、严谨、爱探索</em> </li>
                        <li>5.技能：<em>熟悉web三剑客，熟悉node.js，熟悉MySQL、SQLserver，熟悉node.js爬虫；熟悉jQuery，Vue.js；了解C语言、C#语言、IP/TCP协议栈、MongoDB数据库；略懂php语言、数据结构和算法；精通各类软件的安装与卸载、电子设备开关机。</em> </li>
                        <li>6.为什么用Turnip作为昵称呢？</li>
                        <li>原本想使用‘萝卜’的，为了增加神秘感，我使用有道翻译萝卜得到的是Turnip，因此就使用Turnip了；在我看来萝卜仅露出很小一部分，真正的果实均埋于地下，使用萝卜作为昵称，也是自信于自己如萝卜一样潜力巨大！</li>

                    </ul>
                </div>
                <div class="about_me clearfix">
                    <h3>联系我</h3>
                    <img src="./T_Image/Turnip.jpg" alt="">
                    <ul>
                        <li>邮箱：<em>2276157075@qq.com</em> </li>
                        <li>QQ：<em>2276157075</em></li>
                    </ul>
                </div>
                <div class="about_me clearfix">
                    <h3>捐赠我（上小电视）</h3>
                    <img src="T_Image/zhifubao.jpg" style="margin-right: 20px;width: 200px;float: left;height:auto;">
                    <img src="T_Image/weixin.jpg" style="margin-right: 20px;width: 200px;float: left;height:auto;">
                </div>
                <div class="about_me clearfix">
                    <h3>小电视</h3>
                    <ul>
                        <li>昵称:<em>薯片；</em>金额:<em>￥666；</em>时间:<em>2021年7月23日</em> </li>
                    </ul>
                </div>
            </article>
            <aside class="T_main_content_right">
                <div class="T_notice notice_bg">
                    <div class="T_notice_item_hd clearfix">
                        <ul>
                            <li data-text="notice" class="T_notice_active">
                                <span>
                                    <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-gonggao"></use>
                                  </svg>网站公告</span>
                            </li>
                            <li data-text="vip">
                                <span>
                                    <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-huiyuan"></use>
                                  </svg>会员登陆</span>
                            </li>
                            <li data-text="contact">
                                <span>
                                    <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-lianxi"></use>
                                  </svg>联系站长</span>
                            </li>
                        </ul>
                    </div>
                    <div class="T_notice_item_bd">
                        <div class="T_net_note">
                            <ul>
                                <li>
                                    欢迎访问Turnip的博客
                                </li>
                                <li>
                                    本站已建立3天
                                </li>
                            </ul>
                        </div>
                        <div class="T_vip_login">
                            <form action="post">
                                <input class="text" type="text" placeholder="账户">
                                <input class="text" type="password" placeholder="密码">
                                <input type="submit">
                            </form>

                        </div>
                        <div class="T_contact">
                            <ul>
                                <li>
                                    邮箱：2276157075@qq.com
                                </li>
                                <li>
                                    QQ：2276157075
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
                <div class="T_daily daily_bg">
                    <h3>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-meirigengxin"></use>
                          </svg>每日一句</h3>
                    <p>The situation is not quite so cut and dried. </p>
                </div>
                <div class="T_message message_bg">
                    <h3>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-zuixinlianzai"></use>
                          </svg>最新留言</h3>
                    <ul>
                        <li class="T_message_item">
                            <a href="">
                                <img src="./T_Image/Turnip.jpg" alt="">
                                <div class="T_message_item_text clearfix">
                                    <span>
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-touxiang"></use>
                                          </svg>萝卜</span>
                                    <label>
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-riqi1"></use>
                                          </svg>2021年7月22日</label>
                                    <em>留言区数据接口还未写好</em>
                                </div>
                            </a>
                        </li>
                        <li class="T_message_item">
                            <a href="">
                                <img src="./T_Image/Turnip.jpg" alt="">
                                <div class="T_message_item_text clearfix">
                                    <span>
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-touxiang"></use>
                                          </svg>萝卜</span>
                                    <label>
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-riqi1"></use>
                                          </svg>2021年7月22日</label>
                                    <em>留言区数据接口还未写好</em>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </aside>
        </div>

    </main>
    <!-- 底部 -->
    <footer>
        <div class="T_footer T_w footer_bg">
            <div class="T_footer_item">
                <ul>
                    <li>
                        <a href="/about_me">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-guanyuwomen1"></use>
                              </svg> 关于我</a>
                    </li>
                    <li>
                        <a href="/about_net">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-guanyuwomen"></use>
                              </svg> 关于网站</a>
                    </li>
                    <li>
                        <a href="/message">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-liuyanmoban"></use>
                                 </svg> 留言区</a>
                    </li>
                </ul>
                <div class="copyright">
                    <p class="web_font">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-banquan"></use>
                          </svg>备案/许可证编号为：豫ICP备2021008689号</p>
                    <p class="web_font">联系我，
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-youxiang1"></use>
                          </svg>邮箱：2276157075@qq.com</p>
                </div>
                <span style="text-align: center;display:block;font-size:20px;">
                        网站运行了<em id="day">0</em>天
                    </span>
                <script>
                    let day = document.querySelector("#day");
                    day.innerHTML = parseInt((+new Date() - 1627031090703) / 86400000)
                </script>

            </div>
        </div>
    </footer>

    <!-- 昼夜切换 -->
    <button id="night" style="position: fixed;bottom: 60px;right: 0; background: #ccc;font-size: 20px;"><svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-yewan"></use>
      </svg></button>



</body>

</html>